<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事故信息详情</title>

    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="css/global.css" media="all">
    <link rel="stylesheet" href="css/accident_information.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
</head>
<body>
<div style="margin: 15px">
    <blockquote class="layui-elem-quote">
        <!--<h1>事故信息</h1></blockquote>-->
        <fieldset class="layui-elem-field">
            <legend>事故信息详情</legend>
            <div class="layui-field-box">
                <a href="accident_revise.html">
                    <button class="layui-btn" style="background-color: #5FB878">编辑</button>
                </a>
                <a href="accident.html">
                    <button class="layui-btn" style="background-color: #1E9FFF">返回上一级</button>
                </a>

            </div>
        </fieldset>
    </blockquote>

        <form class="layui-form" action="">
            <table class="layui-table">
                <colgroup>
                    <col>
                    <col>
                    <col>
                    <col>
                </colgroup>

                <tbody>
                <tr>
                    <td>事故编号：</td>
                    <td>313131131</td>
                    <td >事故名称：</td>
                    <td>泰塔尼克号</td>
                    <td>事故日期：</td>
                    <td>2017-06-10</td>
                </tr>
                <tr>
                    <td>船舶编号：</td>
                    <td>4545454</td>
                    <td>船舶名称：</td>
                    <td>周口货23389</td>
                    <td>温度：</td>
                    <td>12°</td>
                </tr>
                <tr>
                    <td>经度：</td>
                    <td>东经119°37′</td>
                    <td>纬度：</td>
                    <td>北纬27°03′</td>
                    <td>能见度：</td>
                    <td>等级0：能见距离<0.03海里，能见度低劣′</td>
                </tr>
                <tr>
                    <td>风向：</td>
                    <td>西北风</td>
                    <td>风力大小：</td>
                    <td>等级2：轻风</td>
                    <td>海浪大小：</td>
                    <td>等级3：轻浪</td>
                </tr>
                <tr>
                    <td>救助是否及时：</td>
                    <td>及时</td>
                    <td>救助是否成功：</td>
                    <td>成功</td>
                    <td>事故类型</td>
                    <td>碰撞事故</td>
                </tr>
                <tr>
                    <td>事故等级：</td>
                    <td>小事故</td>
                    <td>发布人：</td>
                    <td>lueluelue</td>
                    <td>审批状态</td>
                    <td>未审批</td>
                </tr>
                <tr>
                    <td>事故图片：</td>
                    <td colspan="5"><img src="images/0.jpg" alt=""></td>
                </tr>
                <tr>
                    <td>信息来源：</td>
                    <td colspan="5">当事船舶投保的海事保险机构</td>
                </tr>
                <tr>
                    <td>事故描述：</td>
                    <td colspan="5">位于渤海海域中南部的蓬莱19-3油田于2011年6月发生溢油事故，导致该油田周边及其西北部面积约6200平方公里的海域海水污染，由国家海洋局等7家行政机关组成的事故联合调查组认定，康菲公司作为作业者承担该事故的全部责任。</td>
                </tr>
                </tbody>
            </table>

        </form>

</div>


<script src="plugins/layui/layui.all.js"></script>
<script src="plugins/layui/layui.js"></script>
</body>
</html>